<template>
<div class="listbar clearfix">
    <div class="products clearfix">
     <productItem :width="width" v-for="(item, index) in productList"
                  :key="index" :productDetail="item" />
    </div>
</div>
</template>

<script>
// 引入每一个商品的item页
import productItem from 'components/content/productItem/product-item'
export default {
  props: {
    productList: {
      type: Array,
      default () {
        return []
      }
    }
  },
  data () {
    return {
      width: '48%'
    }
  },
  created () {

  },
  mounted () {

  },

  components: {
    productItem
  }
}
</script>
<style lang="less" scoped>
/* @import ''; 引入css类 */
.listbar {
  margin: 0 9px;
  padding-top: 5px;
  .products {
    width: 100%;
  }
}
</style>
